<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/bookdetails/Introduction.css" />
	</head>

	<body>
		<div class="frequency">
			<div class="audio_img"><img src="../../imges/background.png" /></div>
			<div class="audio">
				<audio src="dongjingbutaire.mp3" controls="controls" preload="auto"></audio>
			</div>
			<div class="mask"></div>
			<div class="play"><img src="../../imges/play.png" /></div>
		</div>
		<div>
			<div class="circumstantial">
				<div class="introduction">
					<div class="epitome">专家导读</div>
					<div class="summary">和匹诺曹在一起，我们会体验一次冒险之旅，同时也与他一起逐渐学会勇敢、诚实、有责任心、爱学习、尊重他人……</div>
				</div>
				<div class="introduction">
					<div class="epitome">专家介绍</div>
					<div class="summary">卡洛·科洛迪的小木偶皮诺乔，深受全世界的大人和孩子的喜爱。著名翻译家任溶溶先生还原的皮诺乔所经历的离奇故事，既扣人心弦又生动有趣。</div>
				</div>
			</div>
		</div>
		<script src="../../js/libs/mui.min.js"></script>
		<script src="../../js/libs/zepto_1.1.3.js"></script>
		<script type="text/javascript">
			var audios = document.getElementsByTagName("audio")[0]
			$(".play").on("tap", function() {
				audios.play()
				$(".play").css("display", "none")
				$(".mask").css("display", "none")
				$("audio").css("display", "block")
			})
			$("audio").on("pause",function(){
				$(".play").css("display", "block")
				$(".mask").css("display", "block")
				$("audio").css("display", "none")
			}).on("seeking",function(){
				$(".play").css("display", "none")
				$(".mask").css("display", "none")
				$("audio").css("display", "block")
			})
		</script>
	</body>

</html>